  <%@ page contentType="text/html;charset=UTF-8"%>
  <%
      String type = request.getParameter("type");
	  if(type == null){
		   type = "";
	  }
  %>
  <style type="text/css">
.example {	
	padding: 0 20px;
	float: left;		
	width: 230px;
}

div.button {
	height: 29px;	
	width: 133px;
	background: url(button.png) 0 0;
	
	font-size: 14px;
	color: #C7D92C;
	text-align: center;
	padding-top: 15px;
}
 
div.button.hover {
	background: url(button.png) 0 56px;
	color: #95A226;	
}
  </style>
  <script
	src="<%=request.getContextPath()%>/scripts/jquery/jquery.min.js"
	language="javascript"></script>
 <script
	src="<%=request.getContextPath()%>/scripts/jquery/jquery.ajax_upload.js"
	language="javascript"></script>
<script language="javascript">

$(document).ready(function(){
	new Ajax_upload('#button3', {
        action: '<%=request.getContextPath()%>/UploadService?actionType=upload&type=<%=type%>',
	    onComplete : function(file){
			$('<li></li>').appendTo($('#example3 .files')).text(file);
		}
	});
});	 
 
</script>

  <p class="text"></p> 
  <li class="example" id="example3">
   <input id="button3" type="file" />
   <ol class="files"></ol>
  </li> 